<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="../css/css.css">
    <title>css</title>
</head>
<body>
<p>Hello CSS! <br/>HELLO CSS!</p>
<p class="Red">Hello padding</p>
<p class="Image">Hello Image 做为移动端测试机使用；当前测试机型数量不够，型号比较老旧，无法覆盖当前市场上的主流机型，可能由于测试不够充分导致在特殊机型上出现bug。
    购置新机器主要为了：1.覆盖当前市场的主流机型 2.覆盖当前市场上的主流系统版本 3.覆盖当前市场上的主流屏幕尺寸及分辨率。
</p>
<p id="ID">Hello<br/>ID</p>
<input type="button" value="button"/>
<br/>
<a href="http://www.yhfund.com.cn" target="_blank">银华基金</a>
<p>包含属性<em>变色</em>啊</p>
<p>这是非常<strong>重要的</strong></p>
<p>这是<em>非常<strong>重要的</strong></em></p>
<h1>title下边是p</h1>
<p>这个段落top = 50px</p>
<div style="background: red; padding: 20px;">
    <li>

<div style="background: orangered; float: left;font-size: 16px">登录密码</div>
<!--<div style="height: 20px; background: green;">-->
<input type="text" placeholder="测试一下这个宽度到底怎么设置" style="margin: 0; padding: 0;font-size: 16px;vertical-align: middle"/>
    </li>
<!--</div>-->
</div>
<br/>
<!--<button style="padding-bottom: 20px;vertical-align: middle;" >Submit</button>-->
<span style="font-size: 16px">用户名:</span>
<input placeholder="测试一下这个宽度到底怎么设置" style="vertical-align: center; font-size: 16px;padding: 0px" >

<br/>
<br/>

<table id="table" >
    <tr>
        <th>Company</th>
        <th>Contact</th>
        <th>Country</th>
    </tr>
    <tr>
        <td>Apple</td>
        <td>Steven Jobs</td>
        <td>USA</td>
    </tr>
    <tr class="alt">
        <td>Baidu</td>
        <td>Li</td>
        <td>China</td>
    </tr>
    <tr>
        <td>Baidu</td>
        <td>Li</td>
        <td>China</td>
    </tr>
    <tr class="alt">
        <td>Baidu</td>
        <td>Li</td>
        <td>China</td>
    </tr>
    <tr>
        <td>Baidu</td>
        <td>Li</td>
        <td>China</td>
    </tr>
    <tr class="alt">
        <td>Baidu</td>
        <td>Li</td>
        <td>

        </td>
    </tr>
</table>
</body>
</html>